<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="js/jquery_min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng( -12.1513889,   -76.97);
    var myOptions = {
      zoom: 8,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map($("#map_canvas").get(0), myOptions);
    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title:"Hola Mundo"
  });
  }
 
</script>
</head>
<body onload="initialize()">
    <table border="1" align="center"> <br> <br> <br>
        
        <tbody >
            <tr>
                <td>
                <div id="map_canvas" style="width: 500px; height: 300px;"></div>
                
              
                </td>
            </tr>
        </tbody>
    </table>

    
    
  
  
</body>
</html>